.review_page {
    min-height: 100vh;
}

.hosp_info {
    min-height: 220px;
    background: rgba(255, 255, 255, 1);
    padding: 24px 16px;
    box-sizing: border-box;

    .h2 {
        font-size: 24px;
        font-weight: 500;
        line-height: 34px;
        color: rgba(51, 51, 51, 1);
        display: flex;
        align-items: center;

        span {
            flex-shrink: 0;
        }

        .rz {
            width: 21px;
            height: 21px;
            margin-left: 6px;
        }
    }

    .label_score,
    .person_box {
        display: flex;
        align-items: center;
    }

    .label_score {
        margin-top: 8px;
    }

    .score_box {
        display: flex;
        align-items: center;
        justify-content: space-between;
        //margin-left: 28px;

        .review {
            font-size: 12px;
            font-weight: 400;
            line-height: 12px;
            color: rgba(153, 153, 153, 1);
        }
    }

    .person_box {
        // align-items: flex-end;
        font-size: 18px;
        font-weight: 400;
        letter-spacing: 0px;
        line-height: 18px;
        color: rgba(153, 153, 153, 1);
        margin: 27px 0 19px 0;

        .line {
            margin: 0 8px;
            color: rgba(204, 204, 204, 1);
        }

        .img {
            width: 22px;
            height: 22px;
        }

        .num {
            font-size: 24px;
            font-weight: 500;
            letter-spacing: 0px;
            line-height: 32px;
            color: rgba(51, 136, 255, 1);
            margin-left: 5px;
        }
    }

    .labels_list {
        display: flex;
        margin-right: 28px;

        .label {
            //font-family: "PingFang-normal";
            // height: 20px;
            padding: 0px 8px;
            border-radius: 2px;
            background: rgba(255, 244, 236, 1);
            font-size: 12px;
            font-weight: 400;
            color: rgba(254, 112, 11, 1);
            margin-right: 8px;
            box-sizing: border-box;
            display: flex;
            align-items: center;
        }

        .label:last-child {
            margin: 0;
        }

        .blue {
            background: rgba(232, 247, 255, 1);
            color: rgba(51, 144, 250, 1);
        }

        .dark_blue {
            background: rgba(232, 243, 255, 1);
            color: rgba(22, 93, 255, 1);
        }
    }

    .more_info {
        .cell {
            display: flex;
            font-size: 14px;
            font-weight: 400;
            letter-spacing: 0px;
            line-height: 1.5;
            color: rgba(102, 102, 102, 1);
            margin-top: 8px;

            .name {
                flex-shrink: 0;
                width: 56px;
                margin-right: 16px;
            }

            .txt {
                flex: 1;
                overflow: hidden;
                text-overflow: ellipsis;
                -webkit-line-clamp: 2;
                display: -webkit-box;
                -webkit-box-orient: vertical;
            }
        }
    }

}

.problem_box {
    //min-height: 501px;
    background: #FFFFFF;
    padding: 24px 16px;
    box-sizing: border-box;

    .head {
        position: relative;
        font-size: 24px;
        font-weight: 500;
        letter-spacing: 0px;
        line-height: 24px;
        color: rgba(51, 51, 51, 1);
        padding: 0 0 8px 16px;
        box-sizing: border-box;
    }

    .head:after {
        display: block;
        content: "";
        width: 6px;
        height: 24px;
        background: #307BFF;
        position: absolute;
        left: 0;
        top: 0;
        border-radius:20px;
    }

    .head:before {
        display: block;
        content: "";
        height: 1px;
        background: #EEEEEE;
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
    }
}

.review_box {
    padding: 24px 16px;
    background: #fff;

    .h2 {
        font-size: 16px;
        font-weight: 400;
        line-height: 16px;
        color: rgba(51, 51, 51, 1);
        margin-bottom: 20px;
    }
}

.el_rate {
    ::v-deep(.el-rate__icon::before) {
        display: block;
        content: "";
        background: url('../../../images/hospital/star_normal.svg') no-repeat;
        background-size: 24px auto;
        width: 24px;
        height: 24px;
    }

    ::v-deep(.el-rate__decimal::before) {
        display: block;
        content: "";
        background: url('../../../images/hospital/star_half.svg') no-repeat;
        background-size: 24px auto;
        width: 24px;
        height: 24px;
    }

    ::v-deep(.el-icon-star-on::before) {
        display: block;
        content: "";
        background: url('../../../images/hospital/star_active.svg') no-repeat;
        background-size: 24px auto;
        width: 24px;
        height: 24px;
    }
}


.el_form_box {
    .el-form-item {
        ::v-deep(.el-form-item__label) {
            font-size: 16px;
            font-weight: 400;
            line-height: 48px;
            color: rgba(102, 102, 102, 1);
            padding-right: 20px;
        }

    }

    .rate_form_item {
        ::v-deep(.el-form-item__content) {
            height: 48px;
            line-height: 48px;

            .rate_box {
                height: 100%;
            }
        }
    }

    .total_form_item {
        ::v-deep(.el-form-item__label) {
            font-size: 24px;
            font-weight: 500;
            color: rgba(51, 51, 51, 1);
        }
    }

    .a_input,
    .a_area,
    .a_select {
        ::v-deep(.el-input__inner) {
            width: 508px;
            height: 48px;
            border-radius: 4px;
            background: rgba(251, 252, 255, 1);
            border: 1px solid rgba(238, 238, 238, 1);
        }

        ::v-deep(.el-input__inner:focus) {
            border-color: rgba(48, 123, 255, 1);
        }

    }

    .a_area {
        ::v-deep(.el-textarea__inner) {
            width: 100%;
            border-radius: 4px;
            background: rgba(251, 252, 255, 1);
            border: 1px solid rgba(238, 238, 238, 1);
        }

        ::v-deep(.el-textarea__inner:focus) {
            border-color: rgba(48, 123, 255, 1);
        }
    }

}

.upload_inner {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 80px;
    height: 80px;
    border-radius: 6px;
    border: 1px dashed rgba(204, 204, 204, 1);
    box-sizing: border-box;

    .img {
        width: 28px;
        height: 25px;
    }

    span {
        font-size: 12px;
        font-weight: 400;
        line-height: 12px;
        color: rgba(102, 102, 102, 1);
        margin-top: 10px;
    }
}

.rate_box {
    display: flex;
    align-items: center;

    .rate {
        width: 160px;
        display: flex;
        align-items: center;
    }

    .face {
        width: 24px;
        height: 24px;
        margin-left: 35px;
    }
}